<template>
	<view class="">
		<view class="zhengge">
			<view class="sousuokuang">
				<view class="tupianhezi">
						<image src="../../static/img/fangdajing.png" mode=""></image>
				</view>
			
				<input placeholder="搜索育儿知识"/>
			</view>
			<text>取消</text>
		</view>
	</view>
	
	
	
</template>

<script>
	export default {
		components: {},
		data() {
			return {
			}
		},
		methods: {
			
			search() {
				uni.showToast({
					title: '搜索'
				})
			},
			
			
			confirm() {
				uni.showToast({
					title: '搜索'
				})
			}
		},
		
	}
</script>

<style >
	.zhengge{
		width: 100%;
		display: flex;
		margin-top: 8px;
	}
	.zhengge text{
		display: inline-block;
		width: 50px;
		margin: auto;
	}
	.sousuokuang{
		width: 80%;
		display: flex;
		margin: 0 3% 0 3%;
		background: #fafafa;
		height: 40px;
		border-radius: 20px;
	}
	.sousuokuang input{
		height: 40px;
		line-height: 40px;
		
	}
	.tupianhezi{
		width: 40px;
		height: 40px;
		display: flex;
		
	}
	.sousuokuang image{
		width: 25px;
		height: 25px;
		margin-left: 10px;
		margin: auto;
		
		
		
	}

</style>
